<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/company-profile.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap">
    <link rel="icon" href="./icon.ico" type="image/x-icon">
    <title>Company Introduction</title>
</head>

<body>
    <div id="header">
        <!-- 顶部图片及文本 -->
        <img id="intro-image" src='./image/introduce.jpg' alt='Company Image'>
    </div>
    <div id="intro-text">
        <h1>用生命影响生命</h1>
        <h1>让科技点燃梦想</h1>
    </div>
    <div class="line"></div>
    <div id="main-content">
        <div id="video-container">
            <video controls poster="./image/cover.jpg">
                <!-- 替换以下路径为你的本地视频文件路径 -->
                <source src="./video/2023火星家族宣传片.MP4" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </div>
        <div id="image-container">
            <img src="./image/12.jpg" alt="Your Image Description">
        </div>
    </div>
    <div id="ci">
        <div id="company-intro">
            <!-- 公司简介的HTML代码 -->
            <div>公司简介</div>
            <p> 创客火星家族成立于2016年9月,是专注于3-18岁的青少年人工智能教育培训、考级赛事为一体的编程科技类教育学校,拥有开发完整的线上线下教学体验和软硬件结合的编程学习线上平台,致力打造青少年编程教育技术新标准,引领青少年编程教学的新模式;自主全新研发软、硬件编程教学体系,我们的愿景是打造中国少儿AI人才培养基地。
            </p>
        </div>
    </div>
    <div id="ic">
        <div id="image-container2">
            <img src="./image/13.jpg" alt="Your Image Description">
        </div>
    </div>
    <div class="line"></div>
    <div id="team_introduce">
        <div class="section-heading">教师团队</div>

        <div class="teacher-container2">
            <!-- 第一个教师框 -->
            <div class="teacher-box2">
                <img class="teacher-img2" src="./image/teacher0.jpg" alt="Teacher 1">
                <div class="teacher-info2">
                    <p>杨校长</p>
                    <p>教育背景 | 工作经验</p>
                </div>
            </div>            
        </div>
        <div class="teacher-container">
            <!-- 第一个教师框 -->
            <div class="teacher-box">
                <img class="teacher-img" src="./image/teacher2.jpg" alt="Teacher 1">
                <div class="teacher-info">
                    <p>欣欣老师</p>
                    <p>教育背景 | 工作经验</p>
                </div>
            </div>

            <!-- 第二个教师框 -->
            <div class="teacher-box">
                <img class="teacher-img" src="./image/teacher4.jpg" alt="Teacher 2">
                <div class="teacher-info">
                    <p>东东老师</p>
                    <p>教育背景 | 工作经验</p>
                </div>
            </div>

            <!-- 添加更多教师框，根据需要自定义 -->
            <!-- 第二个教师框 -->
            <div class="teacher-box">
                <img class="teacher-img" src="./image/teacher3.jpg" alt="Teacher 2">
                <div class="teacher-info">
                    <p>糖果老师</p>
                    <p>教育背景 | 工作经验</p>
                </div>
            </div>

            <!-- 第二个教师框 -->
            <div class="teacher-box">
                <img class="teacher-img" src="./image/teacher1.jpg" alt="Teacher 2">
                <div class="teacher-info">
                    <p>奶酪老师</p>
                    <p>教育背景 | 工作经验</p>
                </div>
            </div>
            
        </div>
    </div>


</body>

</html>